<template>
	<div class="message-item">
		<p>{{ v.name }}</p>
		<div style="display: flex; justify-content: space-between;">
			<div>
				{{ v.content }}
			</div>
			<div>
				<b @click="emit('resolve')">回复</b>
			</div>
		</div>
	</div>
</template>


<script lang="ts" setup>
import { defineProps, defineEmits } from 'vue'

const emit = defineEmits(['resolve'])
defineProps<{
	v: {
		name: string
		content: string
		id: string
	}
}>()

</script>

<style scoped lang="scss">
.message-item {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}
</style>